<div class="container">
  <div class="row">
      <div *ngFor="let product of products" class="card m-2">
        <img [src]="imgsrc" alt="说明" class="img-fluid">
        <div class="card-body">
          <h5 class="card-title">价格:{{ product.price }} 元</h5>
          <h5 class="card-title"><a [routerLink]="['detail/', product.id]">{{ product.title }}</a></h5>
          <!-- <h5 class="card-title"><a href="#">{{ product.title }}</a></h5> -->
          <p class="card-text">{{ product.desc }}</p>
          <p class="card-text">{{ product.categories }}</p>
        </div>
        <footer class="blockquote-footer">
          <small class="text-muted">
            <app-stars></app-stars>
          </small>
        </footer>
      </div>
  </div>
</div>